<template>
  <div>
    <TypeNav />
    <ListContainer />
    <Recommend />
    <Rank />
    <Like />
    <Floor v-for="(item,index) in floorList" :key="index" :list="item"></Floor>
    <Brand />
  </div>
</template>

<script>
import ListContainer from "./Home/ListContainer.vue";
import Recommend from "./Home/Recommend.vue";
import Rank from "./Home/Rank.vue";
import Like from "./Home/Like.vue";
import Floor from "./Home/Floor.vue";
import Brand from "./Home/Brand.vue";

import {mapState} from 'vuex'
export default {
  components: {ListContainer, Recommend, Rank, Like, Floor, Brand },
  created() {
      this.$store.dispatch('getFloorList')
  },
  computed: {
      ...mapState({
          floorList:state => state.home.floorList
      })
  },
};
</script>
